<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
		<title>Ronin Time Tracker</title>
		<meta http-equiv="MSThemeCompatible" CONTENT="yes" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link href="css/gadget.css" rel="stylesheet" type="text/css" />
		<script src="js/jquery-1.6.2.min.js" type="text/javascript" language="javascript"></script>
		<script src="js/init.js" type="text/javascript" language="javascript"></script>
	</head>
	<body onload="init()">
	<g:background id="background" style="position:absolute;z-index:-1;top:0;left:0;"></g:background>
		<div class="main-container" id="no-auth-cont">
			Please enter your Ronin domain and API token in the settings menu
		</div>
		<div class="main-container hide" id="form-cont">
			<div class="timer-container">
				
				<input type="image" src="images/reload.png" class="switch" id="reload" title="Reload gadget">
				<input type="image" src="images/hide.png" class="switch" id="hideFields" title="Minimize">
				<input type="image" src="images/show.png" class="switch hide" id="showFields" title="Restore">
				
				<div class="buttons">
					<input type="image" src="images/start.png" id="startButton" value="Start" title="Start timer" />
					<input type="image" src="images/pause.png" id="pauseButton" value="Pause" class="hide" title="Pause timer" />
				</div>
				<div class="counter">
					<span id="hours">00</span>:<span id="minutes">00</span>:<span id="seconds">00</span>
				</div>
				
			</div>
			
		<div class="select-block toHide">
			<div class="select-block-inn">
			<div class="input-block">
				<select id="client-list" class="selectbox">
					<option value="">Select client</option>
				</select>
			</div>
			<div class="input-block">
				<select id="project-list" class="selectbox">
					<option value="">Select project</option>
				</select>
			</div>
			<div class="input-block">
				<select id="hours-list" class="selectbox">
					<option value="">Select task</option>
				</select>
			</div>
			<div class="input-block">
				or enter new
				<br />
				<input id="new-hours" class="inputbox" />
			</div>
			<div class="input-block hide" id="mod-time" style="margin-top:5px">
					you can modify time before send
					<br />
					<input id="new-time" class="inputbox" />
				</div>
			
			<span class="buttons submit-buttons">
				<input type="button" id="submitButton" value="Submit" class="hide" title="Submit time to Ronin" />
				<input type="button" id="clearButton" value="Clear" class="hide" title="Clear all time" />
			</span>
			</div>
			<div class="pl-bottom"></div>
		</div>	
			
		</div>
	</body>
</html>